<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>

</body>
</html>

<script>
// 
/* switch 的写法：
  switch (变量名) {
    case 具体值:
      code in here...
      break;
    ....
    ....
  }

  规则1：
    switch 的运行规则：以 case 的「具体值」和 变量名 去匹配
    当匹配成功(true)，执行 case 下面的代码，直到遇到 break，才停止执行代码。
  规则2：
    default 相当于 if - else 当中的 else
  规则3：
    switch (变量) case 「值」，其比较为 === 判断：  先判断类型，再判断值。
*/

/* if-else if  与  switch 的区别：
  1. switch 有 break；其 case 匹配成功，就开始往下执行代码，直到遇到 break
    而 if else  其 只执行 匹配成功对应的那个 代码块。
  2. switch (变量) case 「值」，其特性为  变量 和  「值」 去比较，若相等，就执行下面的代码
    而  if else 小括号里面可以是 表达式
*/


var age = 18;
switch (age) {
  case '18':
    console.log('你十八岁了！');
    break;
  case 19:
    console.log('你十九岁了！');
    break;
  case 20:
    console.log('你二十岁了！');
    // break;
  default:
    console.log('咦，我没匹配到你的岁数')
}

</script>

